.color-theme {
  color: $theme;
}

.color-gray2 {
  color: $gray2;
}

.gray5 {
  color: $gray5;
}

.color-white {
  color: $white;
}

.bg-gray {
  background-color: $gray;
}

.bg-white {
  background-color: $white;
}

.color0 {
  color: #000;
}

.colorc {
  color: $colorc;
}

.color8 {
  color: $color8;
}

.color3 {
  color: $color3;
}

.color6 {
  color: $color6;
}

.color9 {
  color: $color9;
}

.colorb3 {
  color: $colorb3;
}

.color2e {
  color: $color2e;
}

.color-red {
  color: $red;
}

.bg-red {
  background-color: $red;
}

.border-red {
  border: 1px solid $red;
}

.color-orange {
  color: $orange;
}

.color-warning {
  color: $warning;
}

.bg-orange {
  background-color: $orange;
}

.border-orange {
  border: 1px solid $orange;
}

.color-yellow {
  color: $yellow;
}

.bg-yellow {
  background-color: $yellow;
}

.border-yellow {
  border: 1px solid $yellow;
}

.border-theme {
  border: 1px solid $theme;
}

.border-bottom {
  border-bottom: 1px solid $gray4;
}

.border-gray3-bottom {
  border-bottom: 1px solid $gray3;
}

.border-left {
  border-left: 1px solid $gray4;
}

.border-right {
  border-right: 1px solid $gray4;
}

.border-top {
  border-top: 1px solid $gray4;
}

// $gray4 50%透明度
.border-top-o-half {
  border-top: 1px solid rgba(211, 220, 230, 0.5);
}

.br-theme {
  border-right: 1px solid $theme;
}

.bl-e8 {
  border-left: 1px solid #e8e8e8;
}

.br-e8 {
  border-right: 1px solid #e8e8e8;
}
